<template>
	<view class="mt30 bgcf pb12 bdr20 m30" style="border-radius: 20rpx;line-height: 66rpx;">
		<view class="p24" style="padding-bottom: 0;">

			
			<view class="bdm">
				<view class="df jcsb aic fs26 p10-0">
					<view class="c6">信任签收<view class="fs24 noneCoupon ml10">推荐开启</view>
					</view>
					<u-switch v-model="isTrust" size="36" active-color="#48A147"></u-switch>
				</view>
				<view class="tip mb20">
					开启信任签收后，司机会将货品放于您指定的地点或店铺门口，无需当面交接。
				</view>
			</view>
			
			<view class="df jcsb aic fs26 bdm p10-0">
				<text class="c6 ">是否需要购物小票</text>
				<u-switch v-model="isNeedReceipt" size="36" active-color="#48A147"></u-switch>
			</view>
			<view class="df jcsb aic fs26 bdm p10-0" @click="$u.toast('暂不支持开票')">
				<text class="c6 ">是否开票</text>
				<u-switch  v-model="isKp" disabled   size="36" active-color="#48A147"></u-switch>
			</view>
			<view class="df jcsb aic fs26 bdm p10-0">
				<text class="c6 ">配送时提前电话联系</text>
				<u-switch v-model="isBeforeNotice" size="36" active-color="#48A147"></u-switch>
			</view>
			<view class="df jcsb aic fs26 " v-if="isBeforeNotice">
				<text class="c6 ">提前联系时间（分钟）</text>
				<u-input v-model="beforeNotice" type="number" placeholder="请输入提前时间（分钟）" input-align="right"></u-input>
			</view>
		<!-- 	<view class="df jcsb aic fs26 ">
				<text class="c6 ">备注</text>
				<u-input v-model="remark" placeholder="请输入备注" input-align="right"></u-input>
			</view> -->
		</view>
	</view>
</template>

<script>
	export default {
		props: {
			orderInfo: {
				default: () => {},
				type: Object,
			},
			type: {
				default: 1,
				type: [String, Number],
			}
		},
		data() {
			return {
				isKp:false,
				checked: true,
				remark:'',
				beforeNotice:'',
				isNeedReceipt:false,//是否需要小票 1需要 0不需要
				isBeforeNotice:false,//是否需要提前通知 1需要 0不需要
				isTrust:true,//信任签收 1开启 0关闭
			}
		},
		methods: {
		}

	}
</script>

<style lang="scss" scoped>
	.tip {
		font-size: 24rpx;
		font-family: PingFang SC, PingFang SC;
		font-weight: 400;
		color: #333333;
		padding: 20rpx;
		background: #F1F1F1;
		border-radius: 20rpx 20rpx 20rpx 20rpx;
		opacity: 1;
		
line-height: 36rpx;

	}

	.noneCoupon {
		padding: 2rpx 10rpx;

		background: linear-gradient(90deg, #48A147 0%, #8AE38A 100%);

		border-radius: 10rpx 10rpx 10rpx 10rpx;
		color: white;
		margin-right: auto;
		display: inline
	}

	.borCe5 {
		border-top: 1rpx solid #E5E5E5;
	}

	.priceStyle {
		font-size: 30rpx;
		font-family: PingFang SC-Bold, PingFang SC;
		font-weight: bold;
		color: #EF2929;
	}

	.bdm {
		border-bottom: 2rpx dashed #E5E5E5;
	}
</style>